<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>节目排行</title>
    <style>
        *{padding:0;margin:0;font-family: '黑体';}
        html,body{padding:0;margin:0;background: #bb171e ;}
        .bg{
            background:url('/templates/default/images/bg9.jpg') top center no-repeat;
            margin:0 auto;
            width:1600px;
            height: 900px;
            overflow: hidden;
        }
        .bg h1{text-align: center;color:#ed3d34;font-size: 32px;font-weight: bold;}
        .bg table{
            width:1150px;
            margin:10px auto 0;
            border-top:1px solid #dcc0b5;

        }
        .bg table tr td{
            height: 55px;
            vertical-align: middle;
            font-size: 14px;
            font-weight: bold;
            border:none;
            border-bottom:1px solid #dcc0b5;

        }
        .dark td{
            background:url('/templates/default/images/bg5.jpg');
            text-align:center;
        }



        .red{color:#ec4037;display: block;font-size: 20px;font-weight: bold;margin-bottom:10px;}
        .gray{color:#714230;display: block;font-size: 16px;font-weight: bold;margin-bottom:65px;}

        .mg1{
            margin-top: 235px;
        }
        .mg2{
            margin-top: 30px;
        }
        .btn{
            background: url("/templates/default/images/btn4.png") top center no-repeat;
            display: inline-block;
            width: 166px;
            height: 67px;
            text-align: center;
            line-height: 67px;
            color: #fff;
            font-size:28px;
            margin-bottom:15px;
        }
        .pic{

            margin: 50px 0 0px;
            clear:both;
        }

    </style>
</head>
<body>
<div class="bg">
    <h1 class="mg1"><img src="/templates/default/images/jiemu.png" alt="节目排名"/></h1>

    <table class="table2" border="0" cellspacing="0" cellpadding="0">
        <tr class="dark">

            <td style="width:33%;">
                <p><img class="pic" src="/templates/default/images/j1.png" alt=""/></p>
                <p class="btn">{{$article_list[1].vote_num}}票</p>
                <p class="red">第二名</p>
                <p class="gray">{{$article_list[1].article_title}}</p>
            </td>
            <td style="width:33%;">
                <p><img class="pic" src="/templates/default/images/j2.png" alt=""/></p>
                <p class="btn">{{$article_list[0].vote_num}}票</p>
                <p class="red">第一名</p>
                <p class="gray">{{$article_list[0].article_title}}</p>
            </td>
            <td style="width:33%;">
                <p><img class="pic" src="/templates/default/images/j3.png" alt=""/></p>
                <p class="btn">{{$article_list[2].vote_num}}票</p>
                <p class="red">第三名</p>
                <p class="gray">{{$article_list[2].article_title}}</p>
            </td>


        </tr>

    </table>

</div>
</body>
</html>